/*.banner h3,.banner h4{transform: translateX(200px);
    -ms-transform: translateX(200px);
    -webkit-transform: translateX(200px);
    opacity: 0;transition:all 0.5s;}
.banner .swiper-slide-active h3,.banner .swiper-slide-active h4 {transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;}
.banner .swiper-slide-active h3:nth-child(1),.banner .swiper-slide-active h4:nth-child(1){
    transition-delay: .2s;
    -ms-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
} */

/*
@keyframes indalRun {0%{opacity: 0;transform: translateY(80px);}100%{opacity: 1;transform: translateY(0);}}
.yyly-b a.active dl h3{animation: indalRun 1s ease both .6s;}
.yyly-b a.active dl p{animation: indalRun 1s ease both .7s;}
.yyly-b a.active dl h5{animation: indalRun 1s ease both .8s;}*/
@-webkit-keyframes circle_right {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

    50%,100% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
}

@keyframes circle_right {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

    50%,100% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
}

@keyframes fangda{
  0%{transform: scale(1);}
  100%{transform: scale(1.05);}
}
.banner{width:100%;}
.banner img{width:100%;display:block;}
.banner a{display:block;overflow:hidden;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{transition:all 3s!important;}
.banner .swiper-slide-active a{}
.banner .swiper-pagination{bottom:30px;}
.banner .swiper-pagination-bullet{background:none;opacity:1;position: relative;width: 30px;height: 30px;border-radius: 50%;cursor: pointer;margin: 3px 0;}
.banner .swiper-pagination-bullet:after{content: "";display: block;position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;background: #fff;border-radius: 50%;margin: -3px 0 0 -3px;}
.banner .swiper-pagination-bullet .l{position: absolute;width: 15px;height: 30px;top: 0;left: 0;overflow: hidden;border-radius: 15px 0 0 15px;}
.banner .swiper-pagination-bullet .l:after{content: " ";display: block;position: absolute;left: 0;top: 0;width: 30px;height: 30px;border-radius: 50%;box-sizing: border-box;border: 2px solid #fff;border-color: transparent #fff #fff transparent;transform: rotate(-45deg);}
.banner .swiper-pagination-bullet .r{position: absolute;width: 15px;height: 30px;top: 0;right: 0;overflow: hidden;border-radius: 0 15px 15px 0;}
.banner .swiper-pagination-bullet .r:after{content: " ";display: block;position: absolute;right: 0;top: 0;width: 30px;height: 30px;border-radius: 50%;box-sizing: border-box;border: 2px solid #fff;border-color: #fff transparent transparent #ffff;transform: rotate(-45deg);}
.banner .swiper-pagination-bullet-active .line{width: 30px;height: 30px;border: 2px solid rgb(247 248 255 / 0.3);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;}
.banner .swiper-pagination-bullet-active .l:after{-webkit-animation: circle_right 22s linear 1 forwards;-moz-animation: circle_right 22s linear 1 forwards;-o-animation: circle_right 22s linear 1 forwards;animation: circle_right 22s linear 1 forwards;}
.banner .swiper-pagination-bullet-active .r:after{-webkit-animation: circle_right 21.9s 11s linear 1 forwards;-moz-animation: circle_right 21.9s 11s linear 1 forwards;-o-animation: circle_right circle_right 21.9s 11s linear 1 forwards;animation: circle_right 21.9s 11s linear 1 forwards;}
.banner .swiper-pagination-bullet-active .l:after{-webkit-animation: circle_right 5s linear 1 forwards;-moz-animation: circle_right 5s linear 1 forwards;-o-animation: circle_right 5s linear 1 forwards;animation: circle_right 5s linear 1 forwards;}
.banner .swiper-pagination-bullet-active .r:after{-webkit-animation: circle_right 4.9s 2.5s linear 1 forwards;-moz-animation: circle_right 4.9s 2.5s linear 1 forwards;-o-animation: circle_right 4.9s 2.5s linear 1 forwards;animation: circle_right 4.9s 2.5s linear 1 forwards;}
.banner .swiper-pagination-bullet-active:last-child .l:after{ -webkit-animation: circle_right 6s linear 1 forwards; -moz-animation: circle_right 6s linear 1 forwards; -o-animation: circle_right 6s linear 1 forwards; animation: circle_right 6s linear 1 forwards; }
.banner .swiper-pagination-bullet-active:last-child .r:after{ -webkit-animation: circle_right 5.9s 3s linear 1 forwards; -moz-animation: circle_right 5.9s 3s linear 1 forwards; -o-animation: circle_right circle_right 5.9s 3s linear 1 forwards; animation: circle_right 5.9s 3s linear 1 forwards; }
.banner .swiper-pagination-bullet-active:after{background-color: #fff;}
.banner .swiper-button-next{width:63px;height:63px;border-radius:63px;background:url(../images/r.png)no-repeat center rgba(255,255,255,0.12);right:45px;transition:all 0.5s;}
.banner .swiper-button-next:hover{background:url(../images/r.png)no-repeat center #e62129;}
.banner .swiper-button-prev{width:63px;height:63px;border-radius:63px;background:url(../images/l.png)no-repeat center rgba(255,255,255,0.12);left:45px;transition:all 0.5s;}
.banner .swiper-button-prev:hover{background:url(../images/l.png)no-repeat center #e62129;}

.cpzx{padding:100px 0;background:url(../images/cpzx-bj.jpg)no-repeat center;}
.sybt{margin-bottom:45px;}
.sybt dt{}
.sybt dt h4{color:#e62129;font-size:24px;margin-bottom:20px;}
.sybt dt h3{color:#333333;font-size:40px;}
.sybt dd{font-size:18px;}
.sybt dd a{display:block;margin-left:35px;position:relative;padding-bottom:12px;color:#666666;}
.sybt dd a:first-child{
    margin-left: 0;
}
.sybt dd a p{position:absolute;left:0;bottom:0;height:3px;background:#e62129;width:0}
.sybt dd a.active{color:#e62129;}
.sybt dd a.active p{width:100%;}
.cpzx-b{position:relative;}
.cpzx-b2{width:100%;left:0;top:0;position:absolute;opacity:0;z-index:1;transition:all 0.5s;}
.cpzx-b2:nth-child(1){position:relative;z-index:3;opacity:1;}
.cpzx-b a{display:block;position:relative;border:1px solid #ededed;background:#fff;color:#333333;text-align:center;padding-bottom:40px;}
.cpzx-b a p{position:absolute;z-index:3;right:30px;top:25px;color:#ea0010;}
.cpzx-b a h4{overflow:hidden;}
.cpzx-b a h4 img{display:block;width:100%;}
.cpzx-b a h3{font-size:24px;padding:0 10px;transition:all 0s;line-height: 120%;}
.cpzx-b a i{display:block;position:absolute;background:#e62129;}
.cpzx-b a .i1{width:0px;height:1px;right:0px;top:0px;}
.cpzx-b a .i2{width:1px;height:0px;left:0px;top:0px;}
.cpzx-b a .i3{width:0px;height:1px;left:0px;bottom:0px;}
.cpzx-b a .i4{width:1px;height:0px;right:0px;bottom:0px;}
.cpzx-b a:hover .i1,.cpzx-b a:hover .i3{width:100%}
.cpzx-b a:hover .i2,.cpzx-b a:hover .i4{height:100%}
.cpzx-b a:hover{color:#e62129;}
.cpzx-b a:hover img{transform:scale(1.1);}

.hyyy{background:#f7f7f7;padding:100px 0}
.hyyy-l{width:360px;}
.hyyy-l>h4{color:#e62129;font-size:24px;margin-bottom:20px;}
.hyyy-l>h3{color:#333333;font-size:40px;margin-bottom:40px;}
.hyyy-l dl{margin-bottom:57px;font-size:18px;}
.hyyy-l dl a{height:60px;border-bottom:1px solid #e4e4e4;padding-right:15px;color:#333;position:relative;}
.hyyy-l dl a i{}
.hyyy-l dl a i img{display:block;width: 27px;}
.hyyy-l dl a i img{filter: brightness(0);}
.hyyy-l dl a.active i img,.hyyy-l dl a:hover i img{
	filter: none;
}
.hyyy-l dl a i .img2{display:none;}
.hyyy-l dl a p{position:absolute;left:0;bottom:-1px;width:0;height:1px;background:#e62129;}
.hyyy-l dl .active{color:#e62129;}
.hyyy-l dl .active i .img1{display:none;}
.hyyy-l dl .active i .img2{display:block;}
.hyyy-l dl .active p{width:100%;}
.hyyy-l>a{width:200px;height:48px;color:#fff;background:#e62129;}
.hyyy-l>a img{margin-left:23px;}
.hyyy-l>a:hover{}
.hyyy-l>a:hover img{margin-left:30px;}
.hyyy-r{width:62.93333333333333%;background:#fff;position:relative;}
.hyyy-r2{width:100%;left:0;top:0;position:absolute;opacity:0;z-index:1;transition:all 0.5s;}
.hyyy-r2:nth-child(1){position:relative;z-index:3;opacity:1;}
.hyyy-r a{display:block;overflow:hidden;}
.hyyy-r a img{display:block;width:100%;}
.hyyy-r a:hover img{transform:scale(1.1);}
.hyyy-r dl{padding:29px 49px 32px 49px;border:1px solid #e6e6e6;position:relative;}
.hyyy-r dl h3{font-size:32px;color:#333333;margin-bottom:20px;}
.hyyy-r dl p{color:#666666;font-size:16px;}
.hyyy-r .swiper-pagination{display:flex;align-items:center;justify-content:flex-end;height:100%;bottom:0;padding-right:47px;left:inherit;right:0}
.hyyy-r .swiper-pagination .swiper-pagination-bullet{background:#b7b7b8;opacity:1;margin-left:13px;}
.hyyy-r .swiper-pagination .swiper-pagination-bullet-active{background:#e62129;}

.wmys{background:url(../images/wmys-bj.jpg)no-repeat center;padding:100px 0;}
.wmys-b{}
.wmys-b dl{width:calc((100% - 75px) / 5);background:#fff;text-align:center;padding:60px 35px 40px 35px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.05);}
.wmys-b dl h4{width:110px;height:110px;border-radius:110px;margin-bottom:30px;background:#f8f3f3;}
.wmys-b dl h4 img{}
.wmys-b dl h3{color:#333333;font-size:24px;margin-bottom:20px;}
.wmys-b dl p{font-size:15px;line-height:24px;color:#999999}
.wmys-b dl:hover img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.wmys-b .swiper-pagination{bottom:0;}
.wmys-b .swiper-pagination .swiper-pagination-bullet{background:#b7b7b8;opacity:1;}
.wmys-b .swiper-pagination .swiper-pagination-bullet-active{background:#e62129;}

.gywm{padding-top:108px;color:#fff;background:url(../images/gywm-bj.jpg)no-repeat center top;}
.gywm-t{text-align:center;margin-bottom:92px;}
.gywm-t h4{color:#e62129;font-size:24px;margin-bottom:15px;}
.gywm-t h3{font-size:40px;margin-bottom:30px;}
.gywm-t .div1{font-size:16px;line-height:32px;}
.gywm-c{padding:0 120px;margin-bottom:60px;}
.gywm-c dl{}
.gywm-c dl h3{font-size:16px;margin-bottom:15px;}
.gywm-c dl h3 i{font-size:70px;line-height:100%;}
.gywm-c dl h3 span{padding-top:10px;padding-left:5px;}
.gywm-c dl h4{opacity:0.7;font-size:16px;}
.gywm-b{width:200px;height:48px;color:#fff;border:1px solid #fff;font-size:18px;margin-bottom:74px;}
.gywm-b img{margin-left:23px;}
.gywm-b:hover{background:#e62129;border-color:#e62129;}
.gywm-b2{box-shadow:1px 1px 10px rgba(0, 0, 0, 0.05);background:#fff;}
.gywm-b2 a{width:16.666666666666668%;padding:40px 30px 60px 30px;border-right:1px solid #e5e5e5;}
.gywm-b2 a:last-child{border:none}
.gywm-b2 a h3{font-size:26px;margin-bottom:10px;color:#000}
.gywm-b2 a h4{color:#666666;font-size:15px;text-transform:uppercase;position:relative;z-index:3;}
.gywm-b2 a dl{margin-top:-16px;}
.gywm-b2 a dl dt{color:#fff;font-size:16px;line-height:24px;}
.gywm-b2 a dl dd{width:142px;height:142px;border-radius:142px;background:#fff;}
.gywm-b2 a.active{width:33.33333333333333%;background:#e62129;}
.gywm-b2 a.active h3{color:#fff;}
.gywm-b2 a.active h4{color:#f1a3a7;}
.gywm-b2 a.active dt{color:#fff;}

.cybj{margin:44px auto;}
.cybj-l{width:45.33333333333333%;}
.cybj-l h5{color:#e62129;font-size:24px;margin-bottom:20px;}
.cybj-l h3{color:#333333;font-size:40px;margin-bottom:70px;}
.cybj-l dl{padding:75px 40px 40px 40px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.05);}
.cybj-l dl dt{padding-bottom:40px;border-bottom:1px solid #eee;color:#777777;font-size:16px;margin-bottom:40px;}
.cybj-l dl dt img{margin-right:20px;}
.cybj-l dl dt i{color:#444444;font-size:85px;line-height:100%;margin-bottom:-9px;padding-right:10px;}
.cybj-l dl dd{font-size:16px;color:#777777;}
.cybj-l dl dd a{width:calc(100% / 6);margin-bottom:25px;color: #777777;}
.cybj-l dl dd a i{display:block;width:6px;height:6px;border-radius:6px;background:#777777;margin-right:10px;}
.cybj-r{width:52.66666666666666%;margin-right:-5%}
.cybj-r img{display:block;width:100%;}

.xwzx{background:#f7f7f7;padding:100px 0;}
.xwzx-b{position:relative;}
.xwzx-b2{width:100%;left:0;top:0;position:absolute;opacity:0;z-index:1;transition:all 0.5s;}
.xwzx-b2:nth-child(1){position:relative;z-index:3;opacity:1;}
.xwzx-l{width:calc(50% - 17px);background:#fff;}
.xwzx-l a{display:block;}
.xwzx-l a h4{overflow:hidden;position:relative;color:#fff;font-size:16px;}
.xwzx-l a h4 img{display:block;width:100%;}
.xwzx-l a h4 p{width:131px;height:43px;background:#c52532;z-index:3;position:absolute;left:0;bottom:0;}
.xwzx-l a dl{padding:40px;}
.xwzx-l a h3{color:#222222;font-size:26px;width:100%;}
.xwzx-l a:hover img{transform:scale(1.1);}
.xwzx-l .swiper-pagination{display:flex;justify-content:flex-end;left:inherit;right:60px;align-items:center;height:36px;bottom:0}
.xwzx-l .swiper-pagination-bullet{background:#b7b7b8;opacity:1;}
.xwzx-l .swiper-pagination-bullet-active{background:#e62129;}
.xwzx-r{width:calc(50% - 17px);background:#fff;padding:0px 50px;}
.xwzx-r>div{width:100%;}
.xwzx-r a{display:block;padding:20px 150px 20px 10px;border-bottom:1px solid #ededed;position:relative;}
.xwzx-r a:last-child{border:none}
.xwzx-r a h3{color:#333333;font-size:18px;margin-bottom:15px;}
.xwzx-r a p{color:#666666;font-size:15px;line-height:25px;margin-bottom:15px;overflow:hidden;max-height:0;}
.xwzx-r a h5{font-size:16px;color:#adadad;}
.xwzx-r a i{width:35px;height:35px;border-radius:35px;background:url(../images/xwzx-tb.png)no-repeat center #b2b2b2;display:block;position:absolute;right:0;top:40px;}
.xwzx-r a:hover h3{color:#e62129;font-weight:bold;}
.xwzx-r a:hover p{max-height:50px;}
.xwzx-r a:hover i{background:url(../images/xwzx-tb.png)no-repeat center #e62129;}

@media(max-width:1600px){

}
@media(max-width:1500px){
    .hyyy-l dl{margin-bottom:40px;}
    .hyyy-l dl a{height:55px;}
    .cybj-l dl dd{font-size:14px}
    .cybj-l dl dd a i{margin-right:5px;}
    .xwzx-r a h3{margin-bottom:10px;}
    .xwzx-r a p{margin-bottom:10px;}
}
@media screen and (max-width:1200px){
    .sybt dd a{width:33.33%}
    .hyyy-l dl a{height:50px;}
    .wmys-b dl{width:calc(100% - 20px)}
    .gywm-b2 a{border:none;border-bottom:1px solid #e5e5e5;}
    .gywm-b2 a dl dt{color:#000;}
    .gywm-b2 a dl dd{width:100px;height:100px;}
    .gywm-b2 a dl dd img{width:50px;}
    .gywm-b2 a dl dt{width:calc(100% - 120px)}
    .cybj-l dl dd a{margin-bottom:10px;width:25%}
    .xwzx-r a p{max-height:50px;}
    .xwzx-l .swiper-pagination{height:62px;right:10px;}
}